<!DOCTYPE html>
<html lang="en" class="no-js"
	  xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>OUR MEMORY</title>
	<meta name="description" content="The one who is most special to each other" />
	<meta name="keywords" content="love, everyday" />
	<meta name="author" content="Gotham" />
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" th:href="@{/public/photowall/css/normalize.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{/public/photowall/css/flickity.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{/public/photowall/css/main.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{/public/base/plugins/font-awesome/css/font-awesome.min.css}" />
	<script th:src="@{/public/photowall/js/modernizr.custom.js}"></script>
	<script th:src="@{/public/base/js/jquery-3.2.1.min.js}"></script>
	<script th:src="@{/public/photowall/js/show.js}"></script>
</head>
<body>
<div class="container">
	<div class="hero">
		<div class="hero__back hero__back--static"></div>
		<div class="hero__back hero__back--mover"></div>
		<div class="hero__front"></div>
	</div>
	<header class="codrops-header">
		<div class="codrops-links">
			<a class="codrops-icon codrops-icon--prev" href="#" title="Previous Demo"><span>Previous Demo</span></a>
			<a class="codrops-icon codrops-icon--drop" href="#" title="Back to the article"><span>Back to the Codrops article</span></a>
		</div>
		<h1 class="codrops-title">油腻男 <span>小仙女</span></h1>
		<nav class="menu">
			<a class="menu__item" href="#"><span>关于我们</span></a>
			<a class="menu__item menu__item--current" href="#"><span>照片墙</span></a>
		</nav>
	</header>
	<div class="stack-slider">
		<div class="stacks-wrapper">
			<div class="stack" >
				<h2 class="stack-title"><a href="#" data-text="default"><span>默认</span></a></h2>
				<div id="stack_default">
                    <div class="item">
                        <div class="item__content">
                            <img th:src="@{/public/photowall/img/type1/tian.jpg}" />
                            <h3 class="item__title">标题<span class="item__date">05/05/2015</span></h3>
                            <div class="item__details">
                                <ul>
                                    <li><i class="fa fa-heart "><p>描述</p></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

			</div>

			<div class="stack" >
				<h2 class="stack-title" ><a href="#" data-text="unwilling"><span>不舍</span></a></h2>
				<div id="stack_unwilling">
                    <div class="item">
                        <div class="item__content">
                            <img th:src="@{/public/photowall/img/type1/tian.jpg}" />
                            <h3 class="item__title">标题<span class="item__date">05/05/2015</span></h3>
                            <div class="item__details">
                                <ul>
                                    <li><i class="icon icon-camera"><p>描述</p></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

			</div>
			<div class="stack" >
				<h2 class="stack-title"><a href="#" data-text="joyful"><span>喜悦</span></a></h2>
                <div id="stack_joyful">
                    <div class="item">
                        <div class="item__content">
                            <img th:src="@{/public/photowall/img/type1/tian.jpg}" />
                            <h3 class="item__title">标题<span class="item__date">05/05/2015</span></h3>
                            <div class="item__details">
                                <ul>
                                    <li><i class="icon icon-camera"><p>描述</p></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
			<div class="stack" >
				<h2 class="stack-title"><a href="#" data-text="everyday"><span>日常</span></a></h2>

				<div id="stack_everyday">
                    <div class="item">
                        <div class="item__content">
                            <img th:src="@{/public/photowall/img/type1/tian.jpg}" />
                            <h3 class="item__title">标题<span class="item__date">05/05/2015</span></h3>
                            <div class="item__details">
                                <ul>
                                    <li><i class="icon icon-camera"><p>描述</p></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

			</div>
			<div class="stack" >
				<h2 class="stack-title"><a href="#" data-text="commemorate" ><span>纪念</span></a></h2>
                <div id="stack_commemorate">
                    <div class="item">
                        <div class="item__content">
                            <img th:src="@{/public/photowall/img/type1/tian.jpg}" />
                            <h3 class="item__title">标题<span class="item__date">05/05/2015</span></h3>
                            <div class="item__details">
                                <ul>
                                    <li><i class="icon icon-camera"><p>描述</p></i></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
		</div>
		<!-- /stacks-wrapper -->
	</div>
	<!-- /stacks -->
	<img class="loader" th:src="@{/public/photowall/img/three-dots.svg}" width="60" alt="Loader image" />
</div>
<!-- /container -->
<!-- Flickity v1.0.0 http://flickity.metafizzy.co/ -->
<script th:src="@{/public/photowall/js/flickity.pkgd.min.js}"></script>
<script th:src="@{/public/photowall/js/smoothscroll.js}"></script>
<script th:src="@{/public/photowall/js/main.js}"></script>
</body>
</html>